<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Liste des abonnées</title>
	<link rel="stylesheet" type="text/css" href="Script/style.css" />
	<link rel="stylesheet" type="text/css" href="Script/formulaire-css3.css" media="screen" title="bbxcss" />
	<script type="text/javascript" src="Script/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="Script/jquery-latest.js"></script>
	<script type="text/javascript" src="Script/jquery.tablesorter.js"></script>
	<script type="text/javascript">
		$(document).ready(function() 
	    { 
	        $("#table").tablesorter(); 
	    } 
	); 
	</script>
</head>

<body>
	<form>
		<fieldset>
			<p align="center"><u><b>LISTE DES MEMBRES</b></u></p>
		</fieldset>
	</form>
	<!-- 
		Utiliser le composant JSF DataTable pour afficher le login, le mot de passe, le nom, le prenom, l'adresse et le solde des abonnées contenus dans la table
		On récupère les abonnée avec la fonction allAbonnee() de la classe SubscriberManagedBean
	 -->
	<h:dataTable id="table" styleClass="tablesorter" value="#{subscriberManagedBean.allAbonnee()}" var="abo" >
		<h:column>
			<f:facet name="header">Login</f:facet>
			<!-- Affiche le login de l'abonnée en sortie -->
		    <h:outputText value="#{abo.login}" />
	    </h:column>	
		<h:column>
	    	<f:facet name="header">Mot de passe</f:facet>
	    	<!-- Affiche le mot de passe de l'abonnée en sortie -->
	        <h:outputText value="#{abo.mdp}" />
	    </h:column>	    
		<h:column>
		 	<f:facet name="header">Nom</f:facet>
		 	<!-- Affiche le nom de l'abonnée en sortie -->
	        <h:outputText value="#{abo.nom}" />
	    </h:column>		    
		<h:column>
	    	<f:facet name="header">Prenom</f:facet>
	    	<!-- Affiche le prenom de l'abonnée en sortie -->
	        <h:outputText value="#{abo.prenom}" />
	    </h:column>		    
		<h:column>
	    	<f:facet name="header">Adresse</f:facet>
	    	<!-- Affiche l'adresse de l'abonnée en sortie -->
	        <h:outputText value="#{abo.adresse}" />
		</h:column>    
		<h:column>
		    <f:facet name="header">Solde</f:facet>
		    <!-- Affiche le solde de l'abonnée en sortie -->
		    <h:outputText value="#{abo.solde}" />
		</h:column>	    
	</h:dataTable>
</body>
</html>